import React from 'react';
import { SimpleCell, InfoRow, CardGrid, Card, Group} from '@vkontakte/vkui';
import './LastDate.css';
import { Chart, registerables } from "chart.js/auto";
import LineChart from './LineCharMain';
Chart.register(...registerables);

const LastDate = () => {
  return (
    <>
        <Group style={{maxWidth:'350px',marginLeft:'auto',marginRight:'auto'}} className='' mode="plain">
        <CardGrid style={{ marginLeft:'auto',marginRight:'auto'}} size="l">
          <Card mode="inline">
            <div style={{display:'Flex'}}>
            <LineChart style={{marginLeft:'3px', marginTop:'auto',marginBottom:'auto'}}/>
              <Group>
                <SimpleCell multiline>
                  Последние Данные:
                <InfoRow header="Глюкоза в крови натощак:5,0"></InfoRow>
                <InfoRow header="Глюкоза в крови после еды:8,0"></InfoRow>
                </SimpleCell>
              </Group>
            </div>
          </Card>
          <Card mode="inline">
            <div style={{display:'Flex'}}>
            <LineChart style={{marginLeft:'3px', marginTop:'auto',marginBottom:'auto'}}/>
              <Group>
                <SimpleCell multiline>
                  Последние Данные:
                <InfoRow header="Систолическое давление: 125,0"></InfoRow>
                <InfoRow header="Диастолическое давление: 70,0"></InfoRow>
                </SimpleCell>
              </Group>
            </div>
          </Card>
        </CardGrid>
      </Group>
    </>
  );
};

export default LastDate;